﻿@model OnlineLabManagement.Models.LoginModel
@{
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>FLAT - Login</title>
    <!-- Bootstrap -->
    <link href="~/Content/admin/themes/bootstrap.min.css" rel="stylesheet" />
    <!-- icheck -->   
    <link href="~/Content/admin/themes/plugins/icheck/all.css" rel="stylesheet" />
    <!-- Theme CSS -->
    <link href="~/Content/admin/themes/style.css" rel="stylesheet" />
    <!-- Color CSS -->
    <link href="~/Content/admin/themes/themes.css" rel="stylesheet" />
    <!-- jQuery -->  
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <!-- Nice Scroll --> 
    <script src="~/Scripts/admin/themes/plugins/nicescroll/jquery.nicescroll.min.js"></script>
    <!-- Validation -->
    <script src="~/Scripts/admin/themes/plugins/validation/additional-methods.min.js"></script>
    <script src="~/Scripts/admin/themes/plugins/validation/jquery.validate.min.js"></script>    
    <!-- icheck -->
    <script src="~/Scripts/admin/themes/plugins/icheck/jquery.icheck.min.js"></script>  
    <!-- Bootstrap -->    
    <script src="~/Scripts/admin/themes/bootstrap.min.js"></script>
    @*<script src="js/eakroko.js"></script>*@
    <!--[if lte IE 9]>
        <script src="js/plugins/placeholder/jquery.placeholder.min.js"></script>
        <script>
            $(document).ready(function() {
                $('input, textarea').placeholder();
            });
        </script>
    <![endif]-->
    <!-- Favicon -->
    <link rel="shortcut icon" href="img/favicon.ico" />
    <!-- Apple devices Homescreen icon -->
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
</head>
<body class='login'>
    <div class="wrapper">
        <h1>
            <a href="index.html">
                <img src="img/logo-big.png" alt="" class='retina-ready' width="59" height="49">Admin 
            </a>
        </h1>
        <div class="login-body">
            <h2>SIGN IN</h2>
            @*<form action="index.html" method='get' class='form-validate' id="test">*@
                @using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl })) {
                    @Html.AntiForgeryToken()
                    @Html.ValidationSummary(true)
                    
              
                <div class="form-group">
                    <div class="email controls">
                        @Html.TextBoxFor(m => m.UserName, new { @class="form-control", data_rule_required="true", data_rule_email="true"})
                        @Html.ValidationMessageFor(m => m.UserName)
                    </div>
                </div>
                <div class="form-group">
                    <div class="pw controls">                        
                        @Html.PasswordFor(m => m.Password, new { @class = "form-control", data_rule_email = "true" })
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                </div>
                <div class="submit">
                    <div class="remember">                       
                        @Html.CheckBoxFor(m => m.RememberMe, new { @class="icheck-me",data_skin="square",data_color="blue"})
                        @Html.LabelFor(m => m.RememberMe)
                    </div>
                    <input type="submit" value="Sign me in" class='btn btn-primary'>
                </div>
                }
            @*</form>*@
            <div class="forget">
                <a href="#">
                    <span>Forgot password?</span>
                </a>
            </div>
        </div>
    </div>
</body>
</html>
